<template>
<div class="qrcode">
    <div class="img-box">
        <img :src="data" alt="qrcode">
    </div>
</div>
</template>

<script lang='ts'>
import {Component, Vue, Prop} from 'vue-property-decorator';


@Component
export default class Qrcode extends Vue{

    @Prop()
    data?: string
    
}


</script>

<style scoped lang='less'>
.qrcode{

    @size: 140*@rem;
    margin-left: 30*@rem; 
    width: @size;
    height: @size;
    
}

</style>